<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.min.js"></script>
    <script src="jquery-ui-1.12.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="jquery-ui-1.12.0/jquery-ui.css"/>

</head>
<body>
   <!--点击的时候跳出对话框-->
   <div id="div">
       <p>这是一个对话框</p>
   </div>
   <a id="btn">按钮</a>
    <script>
        $("#btn").button().on("click",function(){
            $(function(){
                $("#div").dialog();
            });
        });

    </script>
</body>
</html>

